<template>
  <div class="main pb20 pt116">
    <div class="padding-tb-15">
      <Breadcrumb separator="">
        <BreadcrumbItem>当前位置</BreadcrumbItem>
        <BreadSeparator>:</BreadSeparator>
        <BreadcrumbItem><a href="/service">数据服务</a></BreadcrumbItem>
        <BreadSeparator>></BreadSeparator>
        <BreadcrumbItem>进疆报送企业信息公示</BreadcrumbItem>
      </Breadcrumb>
    </div>

    <Tabs  v-model:activeKey="activeKey">
      <TabPane key="1" tab="进疆登记企业信息公示">
        <register></register>
      </TabPane>
      <TabPane key="2" tab="造价企业承揽业务信息公示">
        <contract></contract>
      </TabPane>
    </Tabs>


  </div>
</template>

<script lang="ts" >
import {
  defineComponent,
  ref
} from "vue";
import {
  Breadcrumb,
  Collapse,
    Tabs
} from "ant-design-vue";

import register from '/@/views/public/matter/components/enter/register.vue'
import contract from '/@/views/public/matter/components/enter/contract.vue'


export default defineComponent({
  components: {
    Breadcrumb, BreadcrumbItem: Breadcrumb.Item,
    BreadSeparator: Breadcrumb.Separator,
    Collapse, CollapsePanel: Collapse.Panel,
    Tabs,
    TabPane: Tabs.TabPane,register,contract
  },
  setup() {


    return {
      activeKey: ref('1'),
    };
  },
});
</script>



<style lang="less" scoped>
::v-deep(.ant-tabs){
  background: #fff;

  .ant-tabs-bar{
    margin-bottom: 0;
  }

  .ant-tabs-tab{
    font-size: 16px;
  }
}
</style>
